@tailwind base;
@tailwind components;
@tailwind utilities;

.profile-analysis-container {
    @apply gap-2 rounded-md w-full h-full;
    display: grid;
    grid-template-columns: 5fr 4fr 4fr 4fr 4fr;
    grid-template-rows: 2fr 7fr 7fr;
    grid-template-areas: 
        'basic-info dispute-total police-case-count case-count high-risk-dispute'
        'basic-info dispute-history dispute-history graph-statistic graph-statistic'
        'basic-info dispute-history dispute-history dispute-relation dispute-relation'
    ;
}

.dispute-statistics-loading {
    grid-column: 2 / 6;
    grid-row: 1 / 4;
}

.basic-info-container {
    grid-area: basic-info;
    @apply bg-white rounded-md;
}

.dispute-total-container {
    grid-area: dispute-total;
    @apply bg-white rounded-md;
}

.police-case-count-container {
    grid-area: police-case-count;
    @apply bg-white rounded-md;
}

.case-count-container {
    grid-area: case-count;
    @apply bg-white rounded-md;
}

.high-risk-dispute-container {
    grid-area: high-risk-dispute;
    @apply bg-white rounded-md;
}

.dispute-history-container {
    grid-area: dispute-history;
    @apply bg-white rounded-md;
}

.graph-statistic-container {
    grid-area: graph-statistic;
    @apply bg-white rounded-md;
}

.dispute-relation-container {
    grid-area: dispute-relation;
    @apply bg-white rounded-md overflow-y-hidden;
}